<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/index.css" />
    <script
      src="../../js/vue.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <script
      src="../../js/axios.min.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <!-- 引入样式 -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"
    />
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <link rel="stylesheet" type="text/css" href="../../css/list.css" />
  </head>
  <body class="conbody">
    <div id="product">
      <!-- <img src="img/e6699ad0ceed58e9a83b07321d7099a.png">
			<div id="">

			</div> -->
      <div class="header">
        <div class="left">苏州工业园区数字政府典型场景</div>
        <div class="right">
          <a href="../../topology.html">首页</a>
          <a href="../../Intellectualization.html">智慧化场景</a>
          <a href="../../integrated.html">整体性转型</a>
          <a href="../../base.html">平台型底座</a>
        </div>
      </div>
      <div class="items">
        <iframe :src="urls"></iframe>

        <div class="row">
          <el-button type="primary" @click="onbtn" class="btn"
            >视频播放</el-button
          >
          <el-button type="primary" @click="onbtnPP" class="btn"
            >PPT播放</el-button
          >
          <div class="backbtn">
            <a href="'../../../../Intellectualization.html">返回</a>
          </div>
        </div>
      </div>
      <div style="height: 1px; padding: 1px"></div>

      <div class="footer">
        建设单位：苏州工业园区大数据管理局
        &nbsp;&nbsp;&nbsp;&nbsp;技术支持：新建元数字科技有限公司、天聚地合（苏州）数据股份有限公司
      </div>
    </div>

    <script
      src="../../js/util.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
    <script type="text/javascript">
      var product = new Vue({
        el: "#product",
        data: {
          urls: "carousel.html",
        },
        created() {},
        mounted() {},
        methods: {
          onbtn() {
            if (this.urls != "video.html") {
              var iframe = document.createElement("iframe");

              //设置iframe的样式

              this.urls = "video.html";

              iframe.src = this.urls;
            }
          },
          onbtnPP() {
            if (this.urls != "carousel.html") {
              var iframe = document.createElement("iframe");

              //设置iframe的样式

              this.urls = "carousel.html";

              iframe.src = this.urls;
            }
          },
        },
      });
    </script>
  </body>
</html>
